﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="OmegapointWeb.upload" Codebehind="upload.aspx.cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1"> 

		<title>Omegapoint AB Robera</title> 
	</head>

	<body id="wrapper">
		<div data-role="page" id="upload-page">
			<!-- NAVIGATION CONTENT -->
			<!-- THIS NEEDS TO BE AFTER THE data-role="page" AND BEFORE the data-role"header|content|footer" -->
			<div data-role="panel" id="navigation-panel" class="ui-responsive ui-panel ui-body-a ui-panel-position-left ui-panel-dismissible-true ui-panel-display-push ui-panel-active" data-theme="a">
		
				<ul data-role="listview" data-theme="a" data-divider-theme="a" class="nav-search ui-listview">
					<div class="button-seperator"/>
					<li style="padding: 0px;" data-icon="delete" style="background-color:#111;" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="a" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-first-child ui-btn-up-a">
						<div class="ui-btn-inner ui-li">
							<div class="ui-btn-text">
								<a href="#" data-rel="close" class="ui-link-inherit">Close menu</a>
							</div>
							<span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span>
						</div>
					</li>
					<div class="button-seperator"/>
					<li style="padding: 0px;" data-filtertext="wai-aria voiceover accessibility screen reader" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="a" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-a">
						<div class="ui-btn-inner ui-li">
							<div class="ui-btn-text">
								<a href="login.aspx" class="ui-link-inherit">Logout</a>
							</div>
							<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
						</div>
					</li>
					<div class="button-seperator"/>
					<li style="padding: 0px;" data-filtertext="accordions collapsible set collapsible-set collapsed" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="a" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-a">
						<div class="ui-btn-inner ui-li">
							<div class="ui-btn-text">
								<a href="home.aspx" class="ui-link-inherit">Home</a>
							</div>
							<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
						</div>
					</li>
					<div class="button-seperator"/>
					<li style="padding: 0px;" data-filtertext="accordions collapsible set collapsible-set collapsed" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="a" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-a">
						<div class="ui-btn-inner ui-li">
							<div class="ui-btn-text">
								<a href="image.aspx" class="ui-link-inherit">Browse</a>
							</div>
							<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
						</div>
					</li>
				</ul>
			</div>
			<!-- END OF NAVIGATION CONTENT -->

			<div data-role="header" class="headerbar" role="banner">
				<a href="#navigation-panel" data-icon="gear" class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-up-a" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a">
					<span class="ui-btn-inner ui-btn-corner-all">
						<span class="ui-btn-text">Options</span>
						<span class="ui-icon ui-icon-gear ui-icon-shadow">&nbsp;</span>
					</span>
				</a>
			</div>

			<div data-role="content">
				<a href="home.aspx"><div class="logo"></div></a>
				<div class="wrapper">
					<form form method="post" enctype="multipart/form-data">
						<h2 class="form-signin-heading">Snap photo!</h2>
     					<input style="margin-top: 8px; padding-top: 0px;" class="input-file" type="file" accept="image/*" capture="camera" data-clear-btn="false" name="file-upload" id="picture-upload" value="Snap!">
                        <input type="button" onclick="app.render();" id="btnUpload" value="Upload" style="width: 100%;" data-theme="a" class="btn btn-large btn-primary" />
                    </form>
				</div>
                <div id="ajaxload">
                    <img id="loader" src="Images/ajax-loader.gif" style="position:absolute; top:1; display:none; z-index: 1; margin-left: 47%;" />
                    <div id="list" class="view-images">
                        <input type="button" id="btnApproveImage" onclick="app.approveImageAndUpload();" value="Approve Image" style="width: 100%;" data-theme="a" class="btn btn-large btn-primary" />
                        <input type="button" id="btnDisapproveImage" onclick="app.disapproveImage();" value="Disapprove Image" style="width: 100%;" data-theme="a" class="btn btn-large btn-primary" />
				    </div>
                </div>
			</div>
		</div>
	</body>
</html>